<template>
  <div class="forbidden">
    <van-empty
      image="error"
      description="抱歉，您没有权限访问该页面"
    >
      <van-button
        round
        type="primary"
        class="bottom-button"
        @click="router.back()"
      >
        返回上一页
      </van-button>
    </van-empty>
  </div>
</template>

<script setup>
import { useRouter } from 'vue-router'

const router = useRouter()
</script>

<style lang="scss" scoped>
.forbidden {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f7f8fa;

  .bottom-button {
    margin-top: 16px;
  }
}
</style> 